﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<VietThuongLMS.ViewModels.AlbumViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<style>
.one_fourth 
{
    float: left !important;
}
</style>
    <div class="container">
        <!-- __________________________________________________ Start Top -->
        <section id="top">
		<div class="top_inner">
			<div class="wrap_rev_slider">
				<!-- START REVOLUTION SLIDER 2.3.1 -->
				<div id="rev_slider_wrapper" class="rev_slider_wrapper fullwidthbanner-container">
				<div class="slider-wrapper theme-default" style="margin-top:30px">
                    <div id="slider" class="nivoSlider">
                        <a href="http://vtms.vn/ChiTietTinTuc/12" class="nivo-imageLink" style="display: none;">
                            <img src="<%=ResolveUrl("~/Images/Banner/vietthuong_music_festival.jpg")%>" />
                        </a>
                        <a href="http://vtms.vn/ChiTietTinTuc/13" class="nivo-imageLink" style="display: none;">
                            <img src="<%=ResolveUrl("~/Images/Banner/vietthuong_happy_children_day.jpg")%>" />
                        </a>
                        <a href="http://vtms.vn/ChiTietTinTuc/14" class="nivo-imageLink" style="display: none;">
                            <img src="<%=ResolveUrl("~/Images/Banner/vietthuong_khoahoc.jpg")%>" />
                        </a>
                    </div>
                    <div id="htmlcaption" class="nivo-html-caption">
                    </div>
                </div>
			</div>
		</div>
	</section>
        <!-- __________________________________________________ Finish Top -->
        <!-- __________________________________________________ Start Middle -->
        <section id="middle">
		<div class="middle_inner">

<!-- __________________________________________________ Start Content -->

			<section id="middle_content">
				<div class="entry">
<%--                    <a href="<%=ResolveUrl("~/")%>TimKiemAlbum/piano">
					<div class="one_third aligncenter">
						<div class="featured_block">
							<div class="cmsms_services_icon">
								<img alt="" class="aligncenter" src="Themes/images/img/piano-icon.png">
							</div>
							<h2>Piano</h2>
							<p>Hoàn t?t khóa h?c 3,5 nam t?i tru?ng ÐH KHTN, sinh viên s? nh?n du?c b?ng C? nhân Khoa h?c Qu?n lý, chuyên ngành Kinh doanh Qu?c t? do tru?ng ÐH Keuka c?p. </p>
						</div>
					</div>
                    </a>
                    <a href="<%=ResolveUrl("~/")%>TimKiemAlbum/guitar">
					<div class="one_third aligncenter">
						<div class="featured_block">
							<div class="cmsms_services_icon">
								<img alt="" class="aligncenter" src="Themes/images/img/guitar-icon.png">
							</div>
							<h2>Guitar</h2>
							<p> H? th?ng Viet Thuong Music Center hi?n bao g?m 2 showroom t?i Crescent Mall, Qu?n 7 và Vincom A, Qu?n 1, Tp. H? Chí Minh.</p>
						</div>
					</div>
                    </a>
                    <a href="<%=ResolveUrl("~/")%>TimKiemAlbum/drum">
					<div class="one_third last aligncenter">
						<div class="featured_block">
							<div class="cmsms_services_icon">
								<img alt="" class="aligncenter" src="Themes/images/img/drums-icon.png">
							</div>
							<h2>Tr?ng</h2>
							<p>Gi?m 50% h?c phí cho h?c viên dang ký khóa h?c thanh nh?c 3 tháng. T?ng dàn cho các h?c viên l?n d?u dang ký khóa h?c Guitar Classic.</p>
						</div>
					</div>
                    </a>--%>

<div class="">
									<div class="tour_content">
									<!--<h2><%=Resources.Global.khoa_hoc%></h2><br />-->
										<ul class="tour">
											<li class="current">
												<a href="#">
													Piano
												</a>
											</li>
											<li>
												<a href="#">
													Guitar
												</a>
											</li>
											<li>
												<a href="#">
													Trống
												</a>
											</li>
										</ul>
										<div class="tour_box" style="display:block;">
											<div class="tour_box_inner">
								                <div style="float:left;margin-right:20px">
                                                    <img src="<%=ResolveUrl("~/Images/KhoaHoc/Piano/")%>Introduce_Piano.jpg" width="160px" height="120px" alt="" />
                                                </div>
												<h5>Piano</h5>
												<p>
                                                    Đây là một loại nhạc cụ đẹp với âm thanh duyên dáng. Piano có thể trở thành một nhạc cụ solo tuyệt vời. Không những thế, tiếng đàn piano có thể hoà hợp cùng với các nhạc cụ khác một cách dễ dàng.
                                                </p>
											    <a href="<%=ResolveUrl("~/KhoaHoc")%>">Xem thêm</a>
                                            </div>
										</div>
										<div class="tour_box">
											<div class="tour_box_inner">
								                <div style="float:left;margin-right:20px">
                                                    <img src="<%=ResolveUrl("~/Images/KhoaHoc/Guitar/")%>Introduce_Guitar.jpg" width="160px" height="120px" alt="" />
                                                </div>
												<h5>Guitar</h5>
												<p>
                                                    Bắt nguồn từ Tây Ban Nha từ lâu Guitar đã là một loại nhạc cụ được nhiều người yêu thích vì âm thanh và giai điệu rất ngọt ngào, gần gũi,ấm áp và cảm xúc...
                                                </p>
											    <a href="<%=ResolveUrl("~/KhoaHoc")%>">Xem thêm</a>
                                            </div>
										</div>
										<div class="tour_box">
											<div class="tour_box_inner">
								                <div style="float:left;margin-right:20px">
                                                    <img src="<%=ResolveUrl("~/Images/KhoaHoc/Drum/")%>Introduce_Drum.jpg" width="160px" height="160px" alt="" />
                                                </div>
												<h5>Trống</h5>
												<p>
                                                    Có lẽ bộ gõ (percussion) là nhạc cụ xuất hiện sớm nhất trong lịch sử âm nhạc. Lẽ đơn giản là vì trước khi con người biết đến những âm thanh với cao độ và cường độ khác nhau, hay nói một cách khác là những nốt nhạc thì cái gần với âm nhạc nhất chính là nhịp (beat).
                                                </p>
											    <a href="<%=ResolveUrl("~/KhoaHoc")%>">Xem thêm</a>
                                            </div>
										</div>
									</div>
								</div>
								<div class="cl"></div>











					<div class="cl"></div>
                    <div style="padding-bottom: 30px; text-align:center">
                        <!--<a href="<%=ResolveUrl("~/")%>DangKy" class="button_large">
                            <span><%=Resources.Global.dang_ky_ngay%></span>
                        </a>-->
                        <a href="<%=ResolveUrl("~/")%>DangKy" class="mybuttonregister">ÐĂNG KÝ NGAY</a>
                    </div>
					
                    <%--<div class="colored_shortcode">
						<div class="colored_title">
							<div class="colored_title_inner">
								<h2>When vested in power the beauty always wins</h2>
							</div>
						</div>
						<a class="colored_button" href="<%=ResolveUrl("~/")%>DangKy"><span class="icon_banner icon_down"></span><%=Resources.Global.dang_ky_ngay%>!</a>
					</div>--%>

                    <div class="hr_line">&nbsp;</div>
					<div class="one_first">
						<aside class="widget widget_text">
							<div class="textwidget">
								<section class="post_type_shortcode four_blocks">
									<h3 class="cms_title"><%=Resources.Global.hinh_anh_hoat_dong%></h3>
									<script type="text/javascript">
									    jQuery(document).ready(function () {
									        jQuery('.post_type_list').cmsmsResponsiveContentSlider({
									            sliderWidth: '100%',
									            sliderHeight: 'auto',
									            animationSpeed: 500,
									            animationEffect: 'slide',
									            animationEasing: 'easeInOutExpo',
									            pauseTime: 0,
									            activeSlide: 1,
									            touchControls: false,
									            pauseOnHover: false,
									            arrowNavigation: true,
									            slidesNavigation: false
									        });
									    });
									</script>
									<ul class="post_type_list responsiveContentSlider">
                                            <% 
                                        if (@Model != null && @Model.List.Count > 0)
                                        {
                                            int i = 1;
                                            foreach (VietThuongLMS.Album @HinhAnh in @Model.List)
                                            {
                                                if (i % 4 == 1)
                                                {%>
                                                <li class="latest_item">
                                                <%} %>
											    <!--<article class="portfolio format-album">
												    <div class="portfolio_inner">
													    <a href="<%=ResolveUrl("~/")%>HoatDong/<%=@HinhAnh.ID%>/1"></a>
													    <figure>
														    <img src="<%=ResolveUrl("~/")%><%=@HinhAnh.Url%>" alt="" class="fullwidth" />
													    </figure>
													    <div class="project_rollover" style="background-color:#6cc437;">
														    <header class="entry-header">
															    <h6 class="entry-title"><a href="<%=@HinhAnh.Url %>"><%=@HinhAnh.TenAlbum%></a></h6>
															    
														    </header>
													    </div>
												    </div>
											    </article>-->
                                                <div class="one_fourth">
                                                    <a href="<%=ResolveUrl("~/")%>HoatDong/<%=@HinhAnh.ID%>/1">
														<img src="<%=ResolveUrl("~/")%><%=@HinhAnh.Url%>" alt="" class="fullwidth" style="width:213px; height:170px"/>
                                                    </a>
                                                    <div class="project_rollover" style="background-color: rgb(108, 196, 55); height: 22px; font-size:15px;padding:5px; text-align:center; ">
                                                        <%=@HinhAnh.TenAlbum%>
                                                    </div>
                                                </div>
                                                <%if (i % 4 == 0)
                                                {%>
                                                </li>
                                                <%}
                                                i++; %>
                                            <%
                                            }
                                        }%>
									</ul>
								</section>
							</div>
						</aside>
					</div>
								
					<div class="hr_line">&nbsp;</div>
					<div class="one_first">
						<aside class="widget widget_text">
							<div class="textwidget">
								<section class="post_type_shortcode four_blocks">
									<h3 class="cms_title">Video</h3>
									<ul class="post_type_list2">
										<li class="latest_item">
                                            <% 
                                            if (@Model != null && @Model.VideoList.Count > 0)
                                            {
                                                foreach (VietThuongLMS.Album @HinhAnh in @Model.VideoList)
                                                {%>
                                                
									            <div class="one_fourth">
                                                        <div class="portfolio_inner" style="width:200px;height:200px;">
                                                            <div class="wp-caption aligncenter">
                                                                <a href="<%=ResolveUrl("~/")%>HoatDong/<%=@HinhAnh.ID%>/2">
                                                                    <img src="<%=ResolveUrl("~/")%><%=@HinhAnh.Url %>" width="185" alt="" title="<%=@HinhAnh.TenAlbum%>" />
                                                                </a>
													            <p class="wp-caption-text" style="color: black"><%=@HinhAnh.TenAlbum%></p>
												            </div>
                                                        </div>
                                                </div>
                                                
                                            <%}
                                            } %>
										</li>
									</ul>
								</section>
							</div>
						</aside>
					</div>
					<div class="cl"></div>				
				</div>
			</section>
<!-- __________________________________________________ Finish Content -->

		</div>
	</section>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" type="text/css" href="<%=ResolveUrl("~/Plugins/nivo/themes/default/default.css")%>" media="screen" />
    <link rel="stylesheet" type="text/css" href="<%=ResolveUrl("~/Plugins/nivo/css/nivo-slider.css")%>" media="screen" />
    <script type="text/javascript" src="<%=ResolveUrl("~/Plugins/nivo/scripts/jquery.nivo.slider.js")%>"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#slider').nivoSlider({
                effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
                //slices: 15, // For slice animations
                //boxCols: 8, // For box animations
                //boxRows: 4, // For box animations
                animSpeed: 500, // Slide transition speed
                pauseTime: 5000, // How long each slide will show
                startSlide: 0, // Set starting Slide (0 index)
                directionNav: true, // Next & Prev navigation
                controlNav: false, // 1,2,3... navigation
                controlNavThumbs: false, // Use thumbnails for Control Nav
                pauseOnHover: true, // Stop animation while hovering
                prevText: 'Tru?c', // Prev directionNav text
                nextText: 'Sau', // Next directionNav text
                randomStart: true // Start on a random slide
            });
        });
    </script>
		<title><%=Resources.Global.title%> - <%=Resources.Global.trang_chu%></title>	
</asp:Content>
